
  .tongShowView {
    color: #fff;
    width: 500rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
	box-sizing: border-box;
    &-0 {
      font-size: 28rpx;
      color: #f5ebc3;
    }
    &-1 {
      padding: 40rpx 0rpx 10rpx;
    }
    &-2 {
      // padding: 50rpx 20rpx;
      margin: 0 auto;
      border: none;
      // background-color: rgb(151, 95, 255);
      // box-shadow: 0px 200rpx 200rpx rgb(210, 187, 253) inset, 0rpx 5rpx 200rpx rgba(5, 5, 5, 0.212),
      //   0rpx -200rpx 200rpx rgb(124, 54, 255) inset;
      // border-radius: 10rpx;
	  height: 760rpx;
	  width:460rpx;
	  background-image: url('https://img.alicdn.com/imgextra/i1/2215984279448/O1CN01eAzQzP2JfEvqLEFqz_!!2215984279448.png');
	  background-size: 100% 100%;
      overflow: hidden;
	  position: relative;
      .tongShowView-2-img {
		 position: absolute;
		left: 50%;
		margin-left:-120rpx;
		top:300rpx;
        width: 240rpx;
        height: 240rpx;
        image {
          width: 100%;
          height: 100%;
        }
      }
      .tongShowView-2-text {
		  position: absolute;
		  bottom: 70rpx;
		  left:50%;
		  margin-left: -170rpx;
			width: 340rpx;
			font-size: 26rpx;
			word-break: break-all;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			margin-top: 16rpx;
      }
    }
    &-3 {
      width: 420rpx;
      height: 120rpx;
	  background-image: url('https://img.alicdn.com/imgextra/i4/2215984279448/O1CN016z7lVj2JfEvuRzFje_!!2215984279448.png');
	  background-size: 100% 100%;
      // background-color: #8342ff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 34rpx;
      color: #fff;
      margin-top: 30rpx;
	  margin-left: 30rpx;
    }
  }
  .top-view {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;

    .icon_setUp {
      height: 88rpx;
      display: flex;
      align-items: center;
      .nav-img-view {
        display: flex;
        width: 70vw;
        justify-content: flex-end;
        .nav-img {
          width: 100rpx;
          height: 100rpx;
          background-color: pink;
          margin-left: 20rpx;
        }
      }
    }
    .showTitle-view {
      display: flex;
      justify-content: space-between;
      padding: 0 30rpx;
      box-sizing: border-box;
	  .showTitle-2{
		  width: 460rpx;
		  overflow: hidden;
		  flex-shrink: 0;
		  text-align: center;
		  font-size: 28rpx;
		  font-weight: bold;
		  color: #000;
	  }
	  .showTitle-2-mapwx{
		  width: 420rpx;
	  }
      image {
        width: 60rpx;
        height: 50rpx;
      }
    }

    .logoName {
      height: 70rpx;
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      align-items: center;
      .logoName_right {
        image {
          width: 60rpx;
          height: 50rpx;
        }
		.kf-button{
			display: inline;
			background-color: transparent;
			border: none;
			margin: unset;
			padding: unset;
			border-color: transparent;
			font-size: 24rpx;
		}
		button::after {
			border: none;
		}
      }
    }
  }

  .banner {
    background-image: url('https://img.alicdn.com/imgextra/i1/2215984279448/O1CN015Y7IEM2JfEvD4aasv_!!2215984279448.png');
    background-size: 100% 100%;
    overflow: hidden;

    .banner-view {
      height: 800rpx;

      .banner-view-item {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .b-i-img {
        width: 400rpx;
        height: 400rpx;
        flex-shrink: 0;
        margin-top: 60rpx;
        image {
          width: 100%;
          height: 100%;
        }
      }
      .b-i-role {
        margin-top: 16rpx;
        width: 200rpx;
        image {
          width: 100%;
          height: 100%;
        }
      }
      .b-i-title {
        font-size: 24rpx;
        width: 600rpx;
        text-align: center;
        margin-top: 16rpx;
      }
      .b-i-price {
        margin-top: 16rpx;
        font-size: 28rpx;
        font-weight: bold;
      }
    }
  }
  .boxList-title-0 {
    // background-color: #fff;
    height: 100rpx;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .b-0-0 {
      font-size: 26rpx;
      font-weight: bold;
    }
  }
  .boxList-title-1 {
	background-image: url('https://img.alicdn.com/imgextra/i4/2215984279448/O1CN01KiMCtb2JfEw22TScW_!!2215984279448.png');
	background-size: 100% 100%;
    // background-color: rgba(0, 0, 0, 0.6);
    height: 80rpx;
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 0 30rpx;
    align-items: center;
    width: 100%;
	.boxList-title-1-left{
		display: flex;
		padding-left: 100rpx;
	}
	.boxList-title-1-right{
		padding-right: 40rpx;
		font-size: 26rpx;
	}
  }
  .boxList {
    .boxList-title {
      text-align: center;

      .b-0-1 {
        font-size: 22rpx;
      }
    }
    .boxList-odds {
      background-color: #fff;
      margin: 0 auto;
      margin-top: 10rpx;
      width: 690rpx;
      overflow: hidden;
      padding: 20rpx;
      box-sizing: border-box;
      .boxList-odds-0 {
        display: flex;
        flex-shrink: 0;
        .boxList-odds-left {
          flex-shrink: 0;
          width: 120rpx;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          color: #000;
          font-weight: bold;
        }
        .boxList-odds-right {
          display: flex;
          flex-shrink: 0;
          overflow-y: auto;
          width: 560rpx;
          padding-right: 50rpx;
          .boxList-odds-right-item {
            flex-shrink: 0;
            width: 158rpx;
            height: 100rpx;
            border: 1px solid #d35365;
            margin-right: 16rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: #d35365;
            text-align: center;
            .t-i {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 100%;
              font-weight: bold;
            }
            .b-i {
              background-color: #d35365;
              color: #fff;
              text-align: center;
              font-size: 20rpx;
              padding: 6rpx 0;
            }
          }
          .boxList-odds-right-item:nth-child(2) {
            border: 1px solid #ff7256;
            color: #ff7256;
            .b-i {
              background-color: #ff7256;
            }
          }
          .boxList-odds-right-item:nth-child(3) {
            border: 1px solid #ee9a49;
            color: #ee9a49;
            .b-i {
              background-color: #ee9a49;
            }
          }
          .boxList-odds-right-item:nth-child(4) {
            border: 1px solid #ff8c69;
            color: #ff8c69;
            .b-i {
              background-color: #ff8c69;
            }
          }
          .boxList-odds-right-item:nth-child(4) {
            border: 1px solid #ff8c69;
            color: #ff8c69;
            .b-i {
              background-color: #ff8c69;
            }
          }
        }
      }
      .boxList-odds-1 {
        font-size: 20rpx;
        color: #adadae;
        margin-top: 20rpx;
      }
    }
  }

  .mh-goods-list {
    width: 690rpx;
    // padding: 30rpx 20rpx 20rpx 20rpx;
    /* margin-top: 30rpx; */
    display: flex;
    flex-wrap: wrap;
    margin: 20rpx auto;
    justify-content: space-between;
    .mh-goods-list-item {
      flex-shrink: 0;
      position: relative;
      background-color: #fff;
      width: 330rpx;
      text-align: center;
      padding: 15rpx 6rpx;
      margin-bottom: 30rpx;
    }

    // .mh-goods-list-item:nth-child(3n) {
    // 	margin-right: 0;
    // }
    .mh-goods-img-view {
      height: 330rpx;
      width: 330rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      image {
        width: 200rpx;
        height: 200rpx;
      }
    }

    .mh-goods-name {
      color: #2c2c2c;
      width: 100%;
      font-size: 26rpx;
      line-height: 30rpx;
      height: 60rpx;
      margin-top: 6rpx;
      display: -webkit-box;
      text-align: left;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      padding: 0 14rpx;
      box-sizing: border-box;
    }

    .mh-goods-price {
      font-size: 34rpx;
      font-weight: bold;
      margin-top: 10rpx;
      width: 100%;
      text-align: left;
      padding: 0 14rpx;
      color: #d35365;
      box-sizing: border-box;
    }

    .mh-goods-price text {
      color: #c1c1c1;
      font-size: 20rpx;
    }

    .mh-goods-rate {
      width: 120rpx;
      height: 50rpx;
      position: absolute;
      top: 2rpx;
      left: 2rpx;
      /* transform: rotate(-20deg);
			-webkit-animation: rotate(-20deg);
			-moz-animation: rotate(-20deg); */
      z-index: 9;
    }
  }

  .bottom-view {
    width: 690rpx;
    // background-color: #2c2c2c;
    background-image: url('https://img.alicdn.com/imgextra/i2/2215984279448/O1CN01hEWcii2JfEvQXWuTQ_!!2215984279448.png');
	font-family: YouSheBiaTiHei;
    color: #fff;
    text-align: center;
    line-height: 120rpx;
    height: 120rpx;
    position: fixed;
    bottom: 50rpx;
    left: 30rpx;
    background-size: 100% 100%;
    z-index: 9999;
    font-size: 34rpx;
  }
  .bottom-view-5{
	  background-image: url('https://img.alicdn.com/imgextra/i3/2215984279448/O1CN01CH02vr2JfEvxzc70D_!!2215984279448.png');
	  height: 90rpx;
	  line-height: 90rpx;
	  font-size: 54rpx;
  }
  .bottom-view-1 {
    background-image: url('../../static/image/enimg/sanchouqigou.png');
  }
  .bottom-view-2{
	  background-image: url('https://img.alicdn.com/imgextra/i1/2215984279448/O1CN01nRAv7i2JfEvoL0dkW_!!2215984279448.png');
  }
  .bottom-view-3{
	 background-image: url('https://img.alicdn.com/imgextra/i3/2215984279448/O1CN01RIpKpJ2JfEvsqjpRn_!!2215984279448.png'); 
	 font-family: YouSheBiaTiHei;
	 font-size: 50rpx;
	 padding-top: 6px;
  }
  .bottom-view-2{
	  font-size: 50rpx;
	  .bottom-view-2-0{
		  text{
			  font-size: 36rpx;
			  margin-left: 10rpx;
			  font-family: PingFangSC-Regular,PingFang SC;
		  }
	  }
	  .bottom-view-2-positon{
		 width: 200rpx;
		 height: 40rpx;
		 position: absolute;
		 font-size: 36rpx;
		 right: 0rpx;
		 // font-family: PingFangSC-Regular,PingFang SC;
		 color: #ca4137;
		 top: -34rpx;
	  }
  }
  .bottom-view-4{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  font-family: YouSheBiaTiHei;
	  background-image: url('https://img.alicdn.com/imgextra/i3/2215984279448/O1CN01RIpKpJ2JfEvsqjpRn_!!2215984279448.png');
	  background-size: 100% 100%;
	  padding-top: 20rpx;
	  height: 120rpx;
	  .bottom-view-4-0{
		  font-size: 46rpx;
		  height: 46rpx;
		  line-height: 46rpx;
	  }
	  .bottom-view-4-1{
		  font-size: 28rpx;
		  height: 28rpx;
		  line-height: 28rpx;
	  }
	  .bottom-view-4-positon{
		  width: 200rpx;
		  height: 40rpx;
		  position: absolute;
		  font-size: 24rpx;
		  right: 10rpx;
		  top: -30rpx;
	  }
  }




  .newPeopleBox {
    width: 750rpx;
  }

  .newPeopleBox,
  .box11 {
    .newmainBox {
      background: url('../../static/image/enimg/newpeople.png') no-repeat;
      width: 750rpx;
      height: 784rpx;
      background-size: 100%;
      padding-top: 200rpx;
    }

    .youhuilist {
      width: 550rpx;
      height: 566rpx;
      margin: 0 auto;
    }

    .newmainBox .youhuibox {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/youhui.png') no-repeat;
      background-size: 550rpx 157rpx;
      width: 550rpx;
      height: 157rpx;
      margin: 20rpx auto;
      display: flex;
      justify-content: space-between;
    }

    .newmainBox .youhuibox .left {
      display: flex;
      align-items: center;
      color: #255470;
      padding-left: 20rpx;
    }

    .newmainBox .youhuibox .left .name {
      font-size: 34rpx;
      margin-bottom: 10rpx;
      color: #255470;
    }

    .newmainBox .youhuibox .left .price1 {
      color: #255470;
      font-size: 28rpx;
    }

    .newmainBox .youhuibox .left .price1 .pri {
      font-weight: 700;
      font-size: 36rpx;
      color: #255470;
      vertical-align: -6%;
      margin-right: 8rpx;
    }

    .newmainBox .youhuibox .right {
      width: 160rpx;
      height: 156rpx;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .newmainBox .youhuibox .right .ling {
      border-radius: 50rpx;
      width: 120rpx;
      border-radius: 10rpx;
      text-align: center;
      line-height: 45rpx;
    }

    .newmainBox .youhuibox .right .active {
      background-color: #60e0e1;
      color: #fff;
    }

    .newmainBox .youhuibox .right .yiling {
      background-color: #9d9d9d;
      color: #fff;
    }

    .newmainBox .youhuibox .right .price {
      font-size: 28rpx;
      color: #fff;
      margin-bottom: 10rpx;
      font-weight: 700;
    }

    .newmainBox .youhuibox .right .price text {
      font-size: 46rpx;
      color: #fff;
    }

    .btm-2 {
      width: 750rpx;
      position: relative;
      top: -60rpx;
    }

    .btm-2 .btmBg {
      width: 750rpx;
      position: absolute;
      top: 0;
      left: 0;
    }

    .btm-2 .btn1 {
      width: 750rpx;
      position: absolute;
      top: 80rpx;
      left: 0;
      text-align: center;
    }

    .btm-2 .btn1 image {
      width: 350rpx;
      display: inline-block;
    }

    .off {
      text-align: center;
      margin-top: 180rpx;
    }

    .off {
      text-align: center;
      margin-top: 40rpx;
    }

    .off image,
    .off image,
    .tanBox .off image {
      width: 70rpx;
      height: 70rpx;
      display: inline-block;
    }

    .daojubox {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/qo.png') no-repeat;
      background-size: 100%;
      width: 650rpx;
      height: 980rpx;
      padding: 30rpx;
      padding-top: 60rpx;
      box-sizing: border-box;
    }

    .daojubox .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .daojubox .top image {
      width: 350rpx;
    }

    .daojubox .rulebox {
      color: #164367;
    }

    .daojubox .rulebox .wen {
      border-radius: 50%;
      color: #164367;
      border: 4rpx solid #164367;
      width: 40rpx;
      height: 40rpx;
      line-height: 36rpx;
      text-align: center;
      font-weight: bold;
      display: inline-block;
      margin-right: 10rpx;
    }

    .nodata {
      height: 680rpx;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .nodata image {
      width: 340rpx;
      height: 340rpx;
    }

    .nodata .tit {
      font-size: 34rpx;
      margin: 20rpx 0;
    }

    .nodata .fun {
      font-size: 28rpx;
      color: #999;
    }

    .cardList .list {
      background-color: #fff;
      margin-bottom: 20rpx;
      padding: 20rpx;
      box-sizing: border-box;
      width: 100%;
    }

    .cardList .list .goods .picbox {
      background-color: #f1f2f6;
      width: 150rpx;
      height: 150rpx;
      padding: 20rpx;
      box-sizing: border-box;
      flex-shrink: 0;
    }

    .cardList .list .goods .picbox image {
      width: 100%;
      height: 100%;
    }

    .cardList .textbox {
      margin-left: 20rpx;
      width: 100%;
    }

    .cardList .textbox .tit {
      font-size: 32rpx;
    }

    .cardList .textbox .two {
      font-size: 28rpx;
      margin-top: 10rpx;
    }

    .cardList .textbox .qi {
      color: #999;
      font-size: 24rpx;
      margin-top: 10rpx;
    }

    .cardList .list .tip1 {
      color: #999;
      font-size: 24rpx;
      margin-top: 10rpx;
      line-height: 1.3;
    }

    .explain .tit {
      background-image: linear-gradient(#afc5f3, #94a0e4);
      font-size: 32rpx;
      display: inline-block;
      font-weight: bold;
      padding: 6rpx 15rpx;
      color: #333;
      margin-top: 15rpx;
    }

    .explain .tit text {
      margin: 0 10rpx;
    }

    .explain .btm {
      /* background-color: #fff; */
      text-align: center;
      padding-top: 30rpx;
    }

    .explain .btm .btn2 {
      display: inline-block;
      background-color: #a5b0e1;
      padding: 25rpx 80rpx;
    }

    .explain .text {
      color: #999;
      font-size: 24rpx;
    }

    .vbox {
      background-color: #fff;
      width: 650rpx;
      padding: 10rpx;
      box-sizing: border-box;
    }

    .vbox .v {
      width: 100%;
    }

    .vbox .btm {
      padding: 20rpx 0;
    }

    .vbox .btm button {
      background-color: #2ceaff;
      width: 50%;
    }

    .orderbox {
      background-color: #fff;
      z-index: 999;
    }

    .orderbox .tit {
      text-align: center;
      padding: 30rpx 0;
      font-size: 32rpx;
    }

    .orderbox .con {
      background-color: #f3f4f8;
      padding: 20rpx;
      box-sizing: border-box;
      min-height: 800rpx;
    }

    .orderbox .con .box1 {
      padding: 20rpx;
      box-sizing: border-box;
      background-color: #fff;
    }

    .orderbox .goods image {
      width: 150rpx;
      height: 150rpx;
      flex-shrink: 0;
    }

    .orderbox .goods .info {
      padding-top: 10rpx;
      width: 90%;
      margin-left: 30rpx;
    }

    .orderbox .goods .info .t {
      font-size: 34rpx;
    }

    .orderbox .goods .info .two {
      display: flex;
      justify-content: space-between;
      margin-top: 20rpx;
    }

    .orderbox .goods .info .two .price {
      font-size: 30rpx;
      font-weight: bold;
    }

    .orderbox .goods .info .two .num {
      color: #999;
    }

    .orderbox .rowitem {
      padding: 20rpx 0;
    }

    .orderbox .rowitem image {
      width: 45rpx;
      height: 45rpx;
      margin-right: 10rpx;
    }

    .orderbox .rowitem .l {
      display: flex;
      align-items: center;
    }

    .orderbox .total {
      border-top: 1rpx solid #e5e5e5;
      text-align: right;
      font-weight: bold;
      padding: 30rpx 0 10rpx;
    }

    .orderbox .total text {
      color: #d81e06;
      font-size: 32rpx;
    }

    .orderbox .payrow {
      /* width: 670rpx; */
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .orderbox .obtm {
      padding: 20rpx;
      box-sizing: border-box;
      background-color: #fff;
    }

    .orderbox .obtm button {
      background-color: #70dde0;
    }

    .orderbox .obtm button text {
      font-weight: bold;
    }

    .orderbox .xieyi {
      width: 690rpx;
      margin: 0 auto;
      padding: 10rpx 0;
      padding-bottom: calc(constant(safe-area-inset-bottom));
      padding-bottom: calc(env(safe-area-inset-bottom));
    }

    .syouhui {
      background-color: #fff;
    }

    .youtit {
      padding: 20rpx 0;
      display: flex;
      position: relative;
    }

    .youtit .back {
      padding: 0 20rpx;
      position: absolute;
    }

    .youtit .youhuit {
      font-size: 34rpx;
      text-align: center;
      width: 100%;
    }

    .youhuicon {
      background-color: #f4f8fb;
      /* min-height: 900rpx; */
      padding: 20rpx;
      box-sizing: border-box;
    }

    .youhuicon .shitu {
      height: 670rpx;
    }

    .youhuicon .shitu .couList {
      display: flex;
      height: 160rpx;
      border-radius: 6rpx;
      overflow: hidden;
      margin-bottom: 20rpx;
    }

    .youhuicon .shitu .couList .l {
      flex-shrink: 0;
      width: 160rpx;
      height: 160rpx;
      background-color: #63d7d6;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .youhuicon .shitu .couList .l .aa {
      font-size: 30rpx;
      color: #fff;
    }

    .youhuicon .shitu .couList .l .pri {
      font-size: 46rpx;
      color: #fff;
    }

    .youhuicon .shitu .couList .l .tiao {
      color: #fff;
      text-align: center;
      font-size: 24rpx;
    }

    .youhuicon .shitu .couList .r {
      background-color: #fff;
      width: 100%;
      padding: 20rpx;
      height: 160rpx;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .youhuicon .shitu .couList .r .ll .t {
      font-size: 32rpx;
    }

    .youhuicon .shitu .couList .r .use {
      margin: 8rpx 0;
    }

    .youhuicon .shitu .couList .r .qi {
      font-size: 24rpx;
      color: #999;
    }

    .youhuicon .btn {
      width: 100%;
      text-align: center;
      color: #fff;
      line-height: 80rpx;
      background-color: #63d7d6;
      font-size: 32rpx;
      margin-top: 20rpx;
      border-radius: 6rpx;
    }

    .luckbox {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/luckbg.png') no-repeat;
      background-size: 100%;
      border-radius: 24rpx;
      box-sizing: border-box;
      padding: 30rpx;
      width: 650rpx;
      background-color: #fff;
    }

    .luckbox .top {
      justify-content: space-between;
      display: flex;
      align-items: center;
    }

    .luckbox .titpic {
      width: 50%;
    }

    .luckbox .goodsPic {
      width: 45%;
      position: relative;
      /* top: -80rpx; */
    }

    .luckbox .option {
      padding: 20rpx 0;
    }

    .luckbox .option .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    .luckbox .option .row .chou {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/rx.webp') no-repeat;
      background-size: 100%;
      width: 50%;
      display: flex;
      align-items: center;
      text-align: center;
      height: 124rpx;
      margin: 15rpx 0;
      position: relative;
    }

    .jian {
      position: absolute;
      background-color: #ffeae5;
      font-size: 22rpx;
      color: #e54e20;
      padding: 2rpx 20rpx;
      border: 1rpx solid #e6a793;
      border-top-right-radius: 40rpx;
      border-bottom-right-radius: 40rpx;
      top: -20rpx;
      left: 10rpx;
    }

    .yuanj {
      font-size: 24rpx;
      color: #077c8b;
      text-decoration: line-through;
      margin-left: 5rpx;
    }

    .luckbox .option .row .chou .b {
      width: 100%;
    }

    .luckbox .option .row .chou .tit {
      font-size: 32rpx;
      margin-bottom: 6rpx;
    }

    .luckbox .option .shi {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/rw.webp');
      height: 124rpx;
      text-align: center;
      background-size: 100% 124rpx;
      display: flex;
      align-items: center;
      margin-top: 15rpx;
      position: relative;
    }

    .luckbox .option .shi .b {
      width: 100%;
    }

    .ouhuang {
      background: url('https://xgmh.hui-xiang.cn/assets/img/pk.png') no-repeat;
      background-size: 100%;
    }

    .ouhuang .scroll {
      height: 920rpx;
      margin-top: 80rpx;
    }

    .ouhuang .scroll .listbox {
      padding: 0 30rpx;
      box-sizing: border-box;
    }

    .ouhuang .scroll .listbox .list {
      margin-bottom: 20rpx;
    }

    .ouhuang .scroll .listbox .picbox {
      position: relative;
    }

    .ouhuang .scroll .listbox .picbox image {
      width: 100%;
      height: 350rpx;
    }

    .ouhuang .scroll .listbox .picbox .text {
      padding: 0 20rpx;
      line-height: 80rpx;
      background-color: rgba(255, 255, 255, 0.8);
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
    }
   .tanBox {
      width: 600rpx;
      text-align: center;
    }

    .tanBox .pic image {
      width: 100%;
    }
  }

  .orderbox-top {
    background-color: transparent;

    .luckbox-top {
      background: transparent;
    }

    .luckbox .option .row .chou {
      margin: 0 10rpx;
      width: 200rpx;
      height: 90rpx;
      // background: linear-gradient(180deg, #eae8f8, #bbb4e4);
      background-color: rgba(91, 70, 198, 0.8);
      border: none;
      color: #fff;
    }
  }

  .loadingContent {
    height: 100vh;
    width: 100vw;
    // background-color: #5b46c6;
  }

  #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .te-loader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 1), inset 10px 10px 10px rgba(0, 0, 0, 0.1);
  }

  .te-loader::before {
    content: '';
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 1), 10px 10px 10px rgba(0, 0, 0, 0.1);
  }

  .te-blue {
    height: 186px;
    width: 220px;
    position: absolute;
    animation: rotate 5s linear infinite;
  }

  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }

  .te-blue::before {
    content: '';
    position: absolute;
    height: 30px;
    border-radius: 50%;
    width: 30px;
    background: linear-gradient(45deg, #336dff, #5c89ff);
    box-shadow: 0 5px 10px rgb(0, 0, 0);
  }
  .luckbox {
    background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/luckbg.png') no-repeat;
    background-size: 100%;
    border-radius: 24rpx;
    box-sizing: border-box;
    padding: 30rpx;
    width: 650rpx;
    background-color: #fff;
    .top {
      justify-content: space-between;
      display: flex;
      align-items: center;
    }
    .titpic {
      width: 50%;
    }
    .goodsPic {
      width: 45%;
      position: relative;
      /* top: -80rpx; */
    }
    .option {
      padding: 20rpx 0;
    }
    .option .row {
      display: flex;
      justify-content: space-between;
    }
    .option .row .chou {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/rx.webp') no-repeat;
      background-size: 100%;
      width: 49%;
      display: flex;
      align-items: center;
      text-align: center;
      height: 124rpx;
      margin: 15rpx 0;
      position: relative;
    }
    .jian {
      position: absolute;
      background-color: #ffeae5;
      font-size: 22rpx;
      color: #e54e20;
      padding: 2rpx 20rpx;
      border: 1rpx solid #e6a793;
      border-top-right-radius: 40rpx;
      border-bottom-right-radius: 40rpx;
      top: -20rpx;
      left: 10rpx;
    }
    .yuanj {
      font-size: 24rpx;
      color: #077c8b;
      text-decoration: line-through;
      margin-left: 5rpx;
    }
    .b {
      width: 100%;
    }
    .tit {
      font-size: 32rpx;
      margin-bottom: 6rpx;
    }
    .shi {
      background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/rw.webp');
      height: 124rpx;
      text-align: center;
      background-size: 100% 124rpx;
      display: flex;
      align-items: center;
      margin-top: 15rpx;
      position: relative;
    }
    .option .shi .b {
      width: 100%;
    }
  }

  .orderbox {
    background-color: #fff;
    .tit {
      text-align: center;
      padding: 30rpx 0;
      font-size: 32rpx;
    }
    .con {
      background-color: #f3f4f8;
      padding: 20rpx;
      box-sizing: border-box;
      // min-height: 800rpx;
    }
    .con .box1 {
      padding: 20rpx;
      box-sizing: border-box;
      background-color: #fff;
    }
    .goods image {
      width: 150rpx;
      height: 150rpx;
      flex-shrink: 0;
    }
    .goods .info {
      padding-top: 10rpx;
      width: 90%;
      margin-left: 30rpx;
    }
    .goods .info .t {
      font-size: 34rpx;
    }
    .goods .info .two {
      display: flex;
      justify-content: space-between;
      margin-top: 20rpx;
    }
    .goods .info .two .price {
      font-size: 30rpx;
      font-weight: bold;
    }
    .goods .info .two .num {
      color: #999;
    }
    .rowitem {
      padding: 20rpx 0;
    }
    .rowitem image {
      width: 45rpx;
      height: 45rpx;
      margin-right: 10rpx;
    }
    .rowitem .l {
      display: flex;
      align-items: center;
    }
    .total {
      border-top: 1rpx solid #e5e5e5;
      text-align: right;
      font-weight: bold;
      padding: 30rpx 0 10rpx;
    }
    .total text {
      color: #d81e06;
      font-size: 32rpx;
    }
    .payrow {
      /* width: 670rpx; */
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .obtm {
      padding: 20rpx;
      box-sizing: border-box;
      background-color: #fff;
    }
    .obtm button {
      background-color: #70dde0;
    }
    .obtm button text {
      font-weight: bold;
    }
    .xieyi {
      text-align: center;
      padding-bottom: 20rpx;
    }
  }
  .flxd-img {
    width: 100rpx;
    height: 100rpx;
    background-color: red;
    position: fixed;
    z-index: 99;
  }
  .flxd-img-0 {
    top: 250rpx;
  }
  .flxd-img-1 {
    top: 400rpx;
  }
  .flxd-img-2 {
    top: 550rpx;
  }
  .flxd-img-3 {
    right: 0rpx;
    top: 250rpx;
  }

  .baipiaoShow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ea8126;
    flex-direction: column;
    height: 100vh;
	image{
		width: 100%;
		height: 100%;
	}
  }

  @keyframes zoom {
    from {
      transform: scale(0.4);
    }

    to {
      transform: scale(1.2);
    }
  }
  .syouhui {
    background-color: #fff;
  }

  .youtit {
    padding: 20rpx 0;
    display: flex;
    position: relative;
  }

  .youtit .back {
    padding: 0 20rpx;
    position: absolute;
  }

  .youtit .youhuit {
    font-size: 34rpx;
    text-align: center;
    width: 100%;
  }

  .youhuicon {
    background-color: #f4f8fb;
    /* min-height: 900rpx; */
    padding: 20rpx;
    box-sizing: border-box;
  }

  .youhuicon .shitu {
    height: 670rpx;
  }

  .youhuicon .shitu .couList {
    display: flex;
    height: 160rpx;
    border-radius: 6rpx;
    overflow: hidden;
    margin-bottom: 20rpx;
  }

  .youhuicon .shitu .couList .l {
    flex-shrink: 0;
    width: 160rpx;
    height: 160rpx;
    background-color: #63d7d6;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .youhuicon .shitu .couList .l .aa {
    font-size: 30rpx;
    color: #fff;
  }

  .youhuicon .shitu .couList .l .pri {
    font-size: 46rpx;
    color: #fff;
  }

  .youhuicon .shitu .couList .l .tiao {
    color: #fff;
    text-align: center;
    font-size: 24rpx;
  }

  .youhuicon .shitu .couList .r {
    background-color: #fff;
    width: 100%;
    padding: 20rpx;
    height: 160rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .youhuicon .shitu .couList .r .ll .t {
    font-size: 32rpx;
  }

  .youhuicon .shitu .couList .r .use {
    margin: 8rpx 0;
  }

  .youhuicon .shitu .couList .r .qi {
    font-size: 24rpx;
    color: #999;
  }

  .youhuicon .btn {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 80rpx;
    background-color: #63d7d6;
    font-size: 32rpx;
    margin-top: 20rpx;
    border-radius: 6rpx;
  }
  .scroll-rule-Y {
    height: 200rpx;
    width: 690rpx;
    margin: 0 auto;
  }
  .kfclass{
	  font-size: 24rpx !important;
	  font-weight: 400;
  }
  .free {
  	position: fixed;
  	left: 6rpx;
  	top: 600rpx;
  	width: 110rpx;
  	height: 100rpx;
  	z-index: 8;
  }
  .dot-red{
  	background-color: #fa3534;
  	display: inline-block;
  	height: 36rpx;
  	width: 36rpx;
  	line-height: 36rpx;
  	border-radius: 18rpx;
  	// overflow: hidden;
  	text-align: center;
  	color: #fff;
  	font-size: 22rpx;
  	position: absolute;
  	top: -4rpx;
  	right: -4rpx;
  }
  .free0 {
	  top: 350rpx;
	image{
		width: 90rpx;
		height: 90rpx;
	}
  }
  .free1 {
  	top: 490rpx;
	image{
		width: 90rpx;
		height: 90rpx;
	}
  }
  .free2 {
  	top: 620rpx;
  	image{
  		width: 100rpx;
  		height: 100rpx;
  	}
  }
  .off {
  	text-align: center;
  	margin-top: 140rpx;
  }
  
  .newPeopleBox,
  .box11 {
  	.newmainBox {
  		background: url('../../static/image/enimg/newpeople.png') no-repeat;
  		width: 750rpx;
  		height: 784rpx;
  		background-size: 100%;
  		padding-top: 200rpx;
  	}
  
  	.youhuilist {
  		width: 550rpx;
  		height: 566rpx;
  		margin: 0 auto;
  	}
  
  	.newmainBox .youhuibox {
  		background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/youhui.png') no-repeat;
  		background-size: 550rpx 157rpx;
  		width: 550rpx;
  		height: 157rpx;
  		margin: 20rpx auto;
  		display: flex;
  		justify-content: space-between;
  	}
  
  	.newmainBox .youhuibox .left {
  		display: flex;
  		align-items: center;
  		color: #255470;
  		padding-left: 20rpx;
  	}
  
  	.newmainBox .youhuibox .left .name {
  		font-size: 34rpx;
  		margin-bottom: 10rpx;
  		color: #255470;
  	}
  
  	.newmainBox .youhuibox .left .price1 {
  		color: #255470;
  		font-size: 28rpx;
  	}
  
  	.newmainBox .youhuibox .left .price1 .pri {
  		font-weight: 700;
  		font-size: 36rpx;
  		color: #255470;
  		vertical-align: -6%;
  		margin-right: 8rpx;
  	}
  
  	.newmainBox .youhuibox .right {
  		width: 160rpx;
  		height: 156rpx;
  		flex-shrink: 0;
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		text-align: center;
  	}
  
  	.newmainBox .youhuibox .right .ling {
  		border-radius: 50rpx;
  		width: 120rpx;
  		border-radius: 10rpx;
  		text-align: center;
  		line-height: 45rpx;
  	}
  
  	.newmainBox .youhuibox .right .active {
  		background-color: #60e0e1;
  		color: #fff;
  	}
  
  	.newmainBox .youhuibox .right .yiling {
  		background-color: #9d9d9d;
  		color: #fff;
  	}
  
  	.newmainBox .youhuibox .right .price {
  		font-size: 28rpx;
  		color: #fff;
  		margin-bottom: 10rpx;
  		font-weight: 700;
  	}
  
  	.newmainBox .youhuibox .right .price text {
  		font-size: 46rpx;
  		color: #fff;
  	}
  
  	.btm-2 {
  		width: 750rpx;
  		position: relative;
  		top: -60rpx;
  	}
  
  	.btm-2 .btmBg {
  		width: 750rpx;
  		position: absolute;
  		top: 0;
  		left: 0;
  	}
  
  	.btm-2 .btn1 {
  		width: 750rpx;
  		position: absolute;
  		top: 80rpx;
  		left: 0;
  		text-align: center;
  	}
  
  	.btm-2 .btn1 image {
  		width: 350rpx;
  		display: inline-block;
  	}
  
  	.off {
  		text-align: center;
  		margin-top: 180rpx;
  	}
  
  	.off {
  		text-align: center;
  		margin-top: 140rpx;
  	}
  
  	.off image,
  	.off image,
  	.tanBox .off image {
  		width: 70rpx;
  		height: 70rpx;
  		display: inline-block;
  	}
  
  	.daojubox {
  		background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/qo.png') no-repeat;
  		background-size: 100%;
  		width: 650rpx;
  		height: 980rpx;
  		padding: 30rpx;
  		padding-top: 60rpx;
  		box-sizing: border-box;
  	}
  
  	.daojubox .top {
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  	}
  
  	.daojubox .top image {
  		width: 350rpx;
  	}
  
  	.daojubox .rulebox {
  		color: #164367;
  	}
  
  	.daojubox .rulebox .wen {
  		border-radius: 50%;
  		color: #164367;
  		border: 4rpx solid #164367;
  		width: 40rpx;
  		height: 40rpx;
  		line-height: 36rpx;
  		text-align: center;
  		font-weight: bold;
  		display: inline-block;
  		margin-right: 10rpx;
  	}
  
  	.nodata {
  		height: 680rpx;
  		text-align: center;
  		display: flex;
  		justify-content: center;
  		align-items: center;
  	}
  
  	.nodata image {
  		width: 340rpx;
  		height: 340rpx;
  	}
  
  	.nodata .tit {
  		font-size: 34rpx;
  		margin: 20rpx 0;
  	}
  
  	.nodata .fun {
  		font-size: 28rpx;
  		color: #999;
  	}
  
  	.cardList .list {
  		background-color: #fff;
  		margin-bottom: 20rpx;
  		padding: 20rpx;
  		box-sizing: border-box;
  		width: 100%;
  	}
  
  	.cardList .list .goods .picbox {
  		background-color: #f1f2f6;
  		width: 150rpx;
  		height: 150rpx;
  		padding: 20rpx;
  		box-sizing: border-box;
  		flex-shrink: 0;
  	}
  
  	.cardList .list .goods .picbox image {
  		width: 100%;
  		height: 100%;
  	}
  
  	.cardList .textbox {
  		margin-left: 20rpx;
  		width: 100%;
  	}
  
  	.cardList .textbox .tit {
  		font-size: 32rpx;
  	}
  
  	.cardList .textbox .two {
  		font-size: 28rpx;
  		margin-top: 10rpx;
  	}
  
  	.cardList .textbox .qi {
  		color: #999;
  		font-size: 24rpx;
  		margin-top: 10rpx;
  	}
  
  	.cardList .list .tip1 {
  		color: #999;
  		font-size: 24rpx;
  		margin-top: 10rpx;
  		line-height: 1.3;
  	}
  
  	.explain .tit {
  		background-image: linear-gradient(#afc5f3, #94a0e4);
  		font-size: 32rpx;
  		display: inline-block;
  		font-weight: bold;
  		padding: 6rpx 15rpx;
  		color: #333;
  		margin-top: 15rpx;
  	}
  
  	.explain .tit text {
  		margin: 0 10rpx;
  	}
  
  	.explain .btm {
  		/* background-color: #fff; */
  		text-align: center;
  		padding-top: 30rpx;
  	}
  
  	.explain .btm .btn2 {
  		display: inline-block;
  		background-color: #a5b0e1;
  		padding: 25rpx 80rpx;
  	}
  
  	.explain .text {
  		color: #999;
  		font-size: 24rpx;
  	}
  
  	.vbox {
  		background-color: #fff;
  		width: 650rpx;
  		padding: 10rpx;
  		box-sizing: border-box;
  	}
  
  	.vbox .v {
  		width: 100%;
  	}
  
  	.vbox .btm {
  		padding: 20rpx 0;
  	}
  
  	.vbox .btm button {
  		background-color: #2ceaff;
  		width: 50%;
  	}
  
  	.orderbox {
  		background-color: #fff;
  		z-index: 999;
  	}
  
  	.orderbox .tit {
  		text-align: center;
  		padding: 30rpx 0;
  		font-size: 32rpx;
  	}
  
  	.orderbox .con {
  		background-color: #f3f4f8;
  		padding: 20rpx;
  		box-sizing: border-box;
  		min-height: 800rpx;
  	}
  
  	.orderbox .con .box1 {
  		padding: 20rpx;
  		box-sizing: border-box;
  		background-color: #fff;
  	}
  
  	.orderbox .goods image {
  		width: 150rpx;
  		height: 150rpx;
  		flex-shrink: 0;
  	}
  
  	.orderbox .goods .info {
  		padding-top: 10rpx;
  		width: 90%;
  		margin-left: 30rpx;
  	}
  
  	.orderbox .goods .info .t {
  		font-size: 34rpx;
  	}
  
  	.orderbox .goods .info .two {
  		display: flex;
  		justify-content: space-between;
  		margin-top: 20rpx;
  	}
  
  	.orderbox .goods .info .two .price {
  		font-size: 30rpx;
  		font-weight: bold;
  	}
  
  	.orderbox .goods .info .two .num {
  		color: #999;
  	}
  
  	.orderbox .rowitem {
  		padding: 20rpx 0;
  	}
  
  	.orderbox .rowitem image {
  		width: 45rpx;
  		height: 45rpx;
  		margin-right: 10rpx;
  	}
  
  	.orderbox .rowitem .l {
  		display: flex;
  		align-items: center;
  	}
  
  	.orderbox .total {
  		border-top: 1rpx solid #e5e5e5;
  		text-align: right;
  		font-weight: bold;
  		padding: 30rpx 0 10rpx;
  	}
  
  	.orderbox .total text {
  		color: #d81e06;
  		font-size: 32rpx;
  	}
  
  	.orderbox .payrow {
  		/* width: 670rpx; */
  		display: flex;
  		align-items: center;
  		justify-content: space-between;
  	}
  
  	.orderbox .obtm {
  		padding: 20rpx;
  		box-sizing: border-box;
  		background-color: #fff;
  	}
  
  	.orderbox .obtm button {
  		background-color: #70dde0;
  	}
  
  	.orderbox .obtm button text {
  		font-weight: bold;
  	}
  
  	.orderbox .xieyi {
  		width: 690rpx;
  		margin: 0 auto;
  		padding: 10rpx 0;
  		padding-bottom: calc(constant(safe-area-inset-bottom));
  		padding-bottom: calc(env(safe-area-inset-bottom));
  	}
  
  	.syouhui {
  		background-color: #fff;
  	}
  
  	.youtit {
  		padding: 20rpx 0;
  		display: flex;
  		position: relative;
  	}
  
  	.youtit .back {
  		padding: 0 20rpx;
  		position: absolute;
  	}
  
  	.youtit .youhuit {
  		font-size: 34rpx;
  		text-align: center;
  		width: 100%;
  	}
  
  	.youhuicon {
  		background-color: #f4f8fb;
  		/* min-height: 900rpx; */
  		padding: 20rpx;
  		box-sizing: border-box;
  	}
  
  	.youhuicon .shitu {
  		height: 670rpx;
  	}
  
  	.youhuicon .shitu .couList {
  		display: flex;
  		height: 160rpx;
  		border-radius: 6rpx;
  		overflow: hidden;
  		margin-bottom: 20rpx;
  	}
  
  	.youhuicon .shitu .couList .l {
  		flex-shrink: 0;
  		width: 160rpx;
  		height: 160rpx;
  		background-color: #63d7d6;
  		display: flex;
  		justify-content: center;
  		align-items: center;
  	}
  
  	.youhuicon .shitu .couList .l .aa {
  		font-size: 30rpx;
  		color: #fff;
  	}
  
  	.youhuicon .shitu .couList .l .pri {
  		font-size: 46rpx;
  		color: #fff;
  	}
  
  	.youhuicon .shitu .couList .l .tiao {
  		color: #fff;
  		text-align: center;
  		font-size: 24rpx;
  	}
  
  	.youhuicon .shitu .couList .r {
  		background-color: #fff;
  		width: 100%;
  		padding: 20rpx;
  		height: 160rpx;
  		box-sizing: border-box;
  		display: flex;
  		align-items: center;
  		justify-content: space-between;
  	}
  
  	.youhuicon .shitu .couList .r .ll .t {
  		font-size: 32rpx;
  	}
  
  	.youhuicon .shitu .couList .r .use {
  		margin: 8rpx 0;
  	}
  
  	.youhuicon .shitu .couList .r .qi {
  		font-size: 24rpx;
  		color: #999;
  	}
  
  	.youhuicon .btn {
  		width: 100%;
  		text-align: center;
  		color: #fff;
  		line-height: 80rpx;
  		background-color: #63d7d6;
  		font-size: 32rpx;
  		margin-top: 20rpx;
  		border-radius: 6rpx;
  	}
  
  	.luckbox {
  		background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/luckbg.png') no-repeat;
  		background-size: 100%;
  		border-radius: 24rpx;
  		box-sizing: border-box;
  		padding: 30rpx;
  		width: 650rpx;
  		background-color: #fff;
  	}
  
  	.luckbox .top {
  		justify-content: space-between;
  		display: flex;
  		align-items: center;
  	}
  
  	.luckbox .titpic {
  		width: 50%;
  	}
  
  	.luckbox .goodsPic {
  		width: 45%;
  		position: relative;
  		/* top: -80rpx; */
  	}
  
  	.luckbox .option {
  		padding: 20rpx 0;
  	}
  
  	.luckbox .option .row {
  		display: flex;
  		flex-wrap: wrap;
  		justify-content: center;
  	}
  
  	.luckbox .option .row .chou {
  		background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/rx.webp') no-repeat;
  		background-size: 100%;
  		width: 50%;
  		display: flex;
  		align-items: center;
  		text-align: center;
  		height: 124rpx;
  		margin: 15rpx 0;
  		position: relative;
  	}
  
  	.jian {
  		position: absolute;
  		background-color: #ffeae5;
  		font-size: 22rpx;
  		color: #e54e20;
  		padding: 2rpx 20rpx;
  		border: 1rpx solid #e6a793;
  		border-top-right-radius: 40rpx;
  		border-bottom-right-radius: 40rpx;
  		top: -20rpx;
  		left: 10rpx;
  	}
  
  	.yuanj {
  		font-size: 24rpx;
  		color: #077c8b;
  		text-decoration: line-through;
  		margin-left: 5rpx;
  	}
  
  	.luckbox .option .row .chou .b {
  		width: 100%;
  	}
  
  	.luckbox .option .row .chou .tit {
  		font-size: 32rpx;
  		margin-bottom: 6rpx;
  	}
  
  	.luckbox .option .shi {
  		background: url('https://v3mh6.oss-cn-beijing.aliyuncs.com/51api/rw.webp');
  		height: 124rpx;
  		text-align: center;
  		background-size: 100% 124rpx;
  		display: flex;
  		align-items: center;
  		margin-top: 15rpx;
  		position: relative;
  	}
  
  	.luckbox .option .shi .b {
  		width: 100%;
  	}
  
  	.ouhuang {
  		background: url('https://xgmh.hui-xiang.cn/assets/img/pk.png') no-repeat;
  		background-size: 100%;
  	}
  
  	.ouhuang .scroll {
  		height: 920rpx;
  		margin-top: 80rpx;
  	}
  
  	.ouhuang .scroll .listbox {
  		padding: 0 30rpx;
  		box-sizing: border-box;
  	}
  
  	.ouhuang .scroll .listbox .list {
  		margin-bottom: 20rpx;
  	}
  
  	.ouhuang .scroll .listbox .picbox {
  		position: relative;
  	}
  
  	.ouhuang .scroll .listbox .picbox image {
  		width: 100%;
  		height: 350rpx;
  	}
  
  	.ouhuang .scroll .listbox .picbox .text {
  		padding: 0 20rpx;
  		line-height: 80rpx;
  		background-color: rgba(255, 255, 255, 0.8);
  		position: absolute;
  		left: 0;
  		bottom: 0;
  		width: 100%;
  	}
  
  
  
  	.tanBox {
  		width: 600rpx;
  		text-align: center;
  	}
  
  	.tanBox .pic image {
  		width: 100%;
  	}
  }
  .invite{
  	position: fixed;
  	right: 6rpx;
  	top: 620rpx;
  	width: 110rpx;
  	z-index: 8;
  }
  .playBtn{
	 width: 110rpx;
	 height: 110rpx;
	 position: fixed;
	 right: 6rpx;
	 top: 360rpx;
	 z-index: 8;
  }
  .music {
	  width: 80rpx;
	  height: 80rpx;
	  position: fixed;
	  right: 6rpx;
	  top: 500rpx;
	  z-index: 8;
  	 animation: music 4s linear 0s infinite normal none;
  }
  
  .stop {
  	animation-play-state: paused;
  }
  
  @keyframes music {
  	0% {
  		transform: rotate(0deg);
  	}
  
  	100% {
  		transform: rotate(360deg);
  	}
  
  }
  .baodi-view{
	  width:750rpx;
	  padding: 30rpx;
	  box-sizing: border-box;
	 .baodi-view-0{
		 display: flex;
		 justify-content: space-between;
		 font-size: 32rpx;
		 color: #000;
	 }
	 .baodi-view-1{
		 padding: 10rpx 0;
		 color: #579be2;
		 font-size: 26rpx;
		 margin-top: 20rpx;
	 }
	 .baodi-view-2{
		 font-size: 22rpx;
		 line-height: 36rpx;
		 color: #999;
		 margin-top: 10rpx;
		 text{
			 background-color: #dc85b6;
			 color: #ffffff;
			 padding: 0 4rpx;
		 }
	 }
	 .baodi-view-buttom{
		 width: 690rpx;
		 height: 80rpx;
		 margin: 100rpx  auto 40rpx;
		 background-color: #2c2c2e;
		 color: #fff;
		 font-size: 28rpx;
		 display: flex;
		 justify-content: center;
		 align-items: center;
	 }
  }
  .tong-view{
  	height: 80rpx;
  	position: fixed;
  	top: 230rpx;
  	width: 750rpx;
  	z-index: 99999999999;
  	background-image: url('https://img.alicdn.com/imgextra/i1/2215984279448/O1CN01KeUqPk2JfEvwQ6LPW_!!2215984279448.png');
  	background-size: 100% 100%;
  	.tong-gd-img{
  		width: 80rpx;
  		height: 80rpx;
  		position: absolute;
  		top:-10rpx;
  		right: 10rpx;
  	}
  	.text-gd-img{
  		height: 60rpx;
  		position: absolute;
  		top:-46rpx;
  		right: 60rpx;
  		z-index: 999999999999;
  		transform : rotate(-8deg);
  		font-family: YouSheBiaTiHei;
  		color: #a191f3;
  		font-size: 50rpx;
  		 text-shadow: 4px 2px 6px  #fff;
		 /* #ifdef MP-WEIXIN */
		 font-weight: bold;
		 text-shadow: 6px 2px 6px #fff;
		 /* #endif */
		 image{
		 	width: 80rpx;
		 	height: 50rpx;
		 }
  	}
  }
  /*  #ifdef  MP-WEIXIN  */
   .tong-view{
	   top: 270rpx;
   }
 /*  #endif  */